<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            个人简历
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content>
    <div *ngIf="hasResume; else notice">
        <!-- 头部开始 -->
        <div class="id-top ht-relative" padding>
            <!-- 中 -->
            <div class="ht-100 ht-float-left">
                <div class="ht-100 ht-overflow ht-relative ht-text-center">
                    <img [src]="util.parseImageUrl(resume.photo)" alt="" class="id-photo" *ngIf="resume.photo">
                    <img [src]="util.parseImageUrl(resume.head_img)" alt="" class="id-photo" *ngIf="!resume.photo">
                </div>
                <div class="flex flex-line-center" margin-top>
                    <div class="id-xy">信用：{{resume.credit_line}}</div>
                    <div margin-left class="id-bzj"> {{resume.frozen_money}}元</div>
                </div>
            </div>
        </div>
        <!-- 头部结束 -->
        <!-- 内容开始 -->
        <div class="ht-f1f1f1">
            <!-- 基本信息 -->
            <div class="ht-100 ht-background ht-overflow ht-margin-bottom">
                <!-- 姓名 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">姓名</div>
                    <div class="ht-float-right ht-999">{{resume.name}}</div>
                </div>
                <!-- 性别 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">性别</div>
                    <div class="ht-float-right ht-999">{{resume.sex == 1 ? '男' : '女'}}</div>
                </div>
                <!-- 出生日期 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">出生日期</div>
                    <div class="ht-float-right ht-999">{{resume.birthday}}</div>
                </div>
                <!-- 籍贯 -->
                <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">籍贯</div>
                    <div class="ht-float-right ht-999">{{resume.origin}}</div>
                </div> -->
                <!-- 学历 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">学历</div>
                    <div class="ht-float-right ht-999">{{resume.edu}}</div>
                </div>
                <!-- 联系电话 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">联系电话</div>
                    <div class="ht-float-right ht-999">{{resume.tel}}</div>
                </div>
                <!-- 备用电话 -->
                <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">备用电话</div>
                    <div class="ht-float-right ht-999">{{resume.spare_tel}}</div>
                </div> -->
                <!-- 微信号 -->
                <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">微信号</div>
                    <div class="ht-float-right ht-999">{{resume.wechat}}</div>
                </div> -->
                <!-- QQ号 -->
                <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">QQ号</div>
                    <div class="ht-float-right ht-999">{{resume.qq}}</div>
                </div> -->
                <!-- 住所地 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">住所地</div>
                    <div class="ht-float-right ht-999">{{resume.addr}}</div>
                </div>
                <!-- 在职 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">工作状态</div>
                    <div class="ht-float-right ht-999">{{resume.job_status === 1 ? '在职':'离职'}}</div>
                </div>
                <!-- 想干的工作 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">求职工种</div>
                    <div class="ht-float-right ht-999">{{resume.target_work}}</div>
                </div>
                <!-- 菜系 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">菜系</div>
                    <div class="ht-float-right ht-999">{{resume.cuisine}}</div>
                </div>
                <!-- 期望薪酬 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">期望薪酬</div>
                    <div class="ht-float-right ht-999">{{resume.remuneration}}</div>
                </div>
                <!-- 期望工作地点 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-float-left">期望工作地点</div>
                    <div class="ht-float-right ht-999">{{resume.expect_area}}</div>
                </div>
            </div>
            <!-- 自我评价 -->
            <div class="ht-100 ht-overflow ht-margin-bottom ht-background">
                <!-- 自我评价 -->
                <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                     padding-right>
                    <div class="ht-100">自我评价</div>
                    <div class="ht-100 ht-padding-top10">{{resume.commit}}</div>
                </div> -->
                <!-- 标签 -->
                <div class="ht-100 ht-overflow ht-margin-bottom ht-background">
                        <div class="ht-border-bottom ht-line-25 ht-font-14" padding-left padding-right>
                            <div class="ht-padding-tb">自评标签</div>
                            <div class="flex flex-1 flex-wrap" *ngIf="resume['remark']!=0">
                                <label class="labelList" *ngFor="let option of resume['remark']">
                                    {{option}}
                                </label>
                            </div>
                            <div class="flex flex-1 flex-wrap" *ngIf="resume['remark']==0">
                                    <label class="labelList">
                                            无
                                    </label>
                                </div>
                        </div>
                    </div>
                <!-- 工作简历 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-line-25 ht-font-14 ht-333" padding-left padding-right
                     *ngIf="resume['experience'] && resume['experience'].length">
                    <div class="ht-100 ht-padding-top10">工作简历</div>
                    <div class="ht-100 ht-padding-tb ht-border-bottom ht-overflow"
                         *ngFor="let experience of resume['experience']; let i = index;">
                        <div class="ht-float-left ht-100">
                            <div class="flex margin-bottom-5">
                                <div style="width:6.5rem;text-align:right;">工种</div>
                                <div class="flex-1" margin-left>
                                    {{experience['job']}}
                                </div>
                            </div>
                            <div class="flex margin-bottom-5">
                                <div style="width: 6.5rem;text-align:right;">工作时间</div>
                                <div class="flex-1 flex flex-align-center" margin-left>
                                    <div class="ht-relative">
                                        {{experience['start_time']}}
                                    </div>
                                    <span margin-left margin-right>--</span>
                                    <div class="ht-relative">
                                        {{experience['end_time']}}
                                    </div>
                                </div>
                            </div>
                            <div class="flex margin-bottom-5">
                                <div style="width:6.5rem;text-align:right;">店名/公司</div>
                                <div class="flex-1" margin-left>
                                    {{experience['company']}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ht-100 ht-overflow ht-background ht-margin-bottom"  *ngIf="resume.photo">
                <!-- 其他证件 -->
                <div class="ht-100 ht-overflow ht-background ht-margin-bottom">
                    <div class="ht-100 ht-overflow ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right>
                        <div class="ht-100">近照</div>
                        <div class="ht-100 ht-padding-top10 flex flex-wrap">
                            <div class="other-photo">
                                    <img [src]="util.parseImageUrl(resume.photo)" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 内容结束 -->
    </div>
    <ng-template #notice>
        <div text-center class="processing" style="margin-top:3rem;">
            <div><i class="fas fa-exclamation-circle text-orange" style="font-size:7rem;"></i></div>
            <p class="text-orange text" style="line-height:3rem;font-size:1.6rem;">您还没有简历，点击去创建简历吧</p>
        </div>
    </ng-template>
</ion-content>
<ion-footer>
    <ion-toolbar>
        <div class="ht-100 ht-float-left ht-line-50 ht-text-center ht-fff ht-f29603" [navPush]="'PersonResumeEditPage'">
            <span *ngIf="hasResume">修改</span>
            <span *ngIf="!hasResume">创建简历</span>
        </div>
    </ion-toolbar>
</ion-footer>